.con {
  width: 100%;
  height: var(--page-height);
  padding: 24px;
  overflow: hidden;
  :global {
    .ant-spin-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
    }
  }
  .head {
    height: 48px;
  }
  .main {
    display: flex;
    flex: 1;
    overflow: hidden auto;
  }
  .editor {
    flex: 1;
    margin-right: 16px;
  }
  .preview {
    flex: 1;
    word-break: break-all;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: var(--font);
    }
  }
}
